<%--
    Document   : index
    Created on : Apr 12, 2012, 10:39:29 AM
    Author     : Khin
--%>

<%@page contentType="text/html" pageEncoding="UTF-8"%>
<!DOCTYPE HTML PUBLIC "-//W3C//DTD HTML 4.01 Transitional//EN"
    "http://www.w3.org/TR/html4/loose.dtd">

<html>
    <head>
        <meta http-equiv="Content-Type" content="text/html; charset=utf-8" />
        <title>Supportive Learning</title>
        <meta name="keywords" content="free css templates, web design, 2-column, html css" />
        <meta name="description" content="Web Design is a 2-column website template (HTML/CSS) provided by templatemo.com" />
        <link href="templatemo_style.css" rel="stylesheet" type="text/css" />
        <!--////// CHOOSE ONE OF THE 3 PIROBOX STYLES  \\\\\\\-->
        <link href="css_pirobox/white/style.css" media="screen" title="shadow" rel="stylesheet" type="text/css" />
        <!--<link href="css_pirobox/white/style.css" media="screen" title="white" rel="stylesheet" type="text/css" />
        <link href="css_pirobox/black/style.css" media="screen" title="black" rel="stylesheet" type="text/css" />-->
        <!--////// END  \\\\\\\-->

        <!--////// INCLUDE THE JS AND PIROBOX OPTION IN YOUR HEADER  \\\\\\\-->
        <script type="text/javascript" src="js/jquery.min.js"></script>
        <script type="text/javascript" src="js/piroBox.1_2.js"></script>
        <script type="text/javascript">
            $(document).ready(function() {
                $().piroBox({
                    my_speed: 600, //animation speed
                    bg_alpha: 0.5, //background opacity
                    radius: 4, //caption rounded corner
                    scrollImage : false, // true == image follows the page, false == image remains in the same open position
                    pirobox_next : 'piro_next', // Nav buttons -> piro_next == inside piroBox , piro_next_out == outside piroBox
                    pirobox_prev : 'piro_prev',// Nav buttons -> piro_prev == inside piroBox , piro_prev_out == outside piroBox
                    close_all : '.piro_close',// add class .piro_overlay(with comma)if you want overlay click close piroBox
                    slideShow : 'slideshow', // just delete slideshow between '' if you don't want it.
                    slideSpeed : 4 //slideshow duration in seconds(3 to 6 Recommended)
                });
            });
        </script>
        <!--////// END  \\\\\\\-->
    </head>
    <body>

        <div id="templatemo_body_wrapper">
            <div id="templatemo_wrapper">

                <div id="tempaltemo_header">
                    <span id="header_icon"></span>
                    <div id="header_content">
                        <div id="site_title">
                            <a href="" target="_parent"><img src="images/templatemo_logo.png" alt="LOGO" /></a>            </div>
                        <p>CMS - FPT Academy International.</p>

                    </div>
                </div> <!-- end of header -->

                <div id="templatemo_main_top"></div>
                <div id="templatemo_main"><span id="main_top"></span><span id="main_bottom"></span>

                    <div id="templatemo_sidebar">

                        <div id="templatemo_menu">
                               <ul>
                                <li><a href="index.jsp" target="_parent" class="current">Home</a></li>
                                <li><a href="vieclam.jsp" target="_parent">Việc Làm</a></li>
                                <li><a href="fat3.jsp" target="_parent">FAT 3</a></li>
                                <li><a href="tintuc.jsp" target="_parent">Tin Tức</a></li>
                                <li><a href="faq_studentandstaff.jsp" target="_parent">FAQ</a></li>
                                <li><a href="servletFb" target="_parent">Feedback</a></li>
                                <li><a href="about.jsp" target="_parent">About US</a></li>
                            </ul>
                        </div> <!-- end of templatemo_menu -->

                        <div class="sidebar_box">
                            <div class="sb_title">Course Login</div>
                            <div class="sb_content">
                                <div id="login_form">
                                    <form method="post" action="servletlogin">
                                        <p><span>User Name:</span>
                                            <input type="text" id="username" name="username" class="login_input" />
                                        </p>
                                        <p><span>Password:</span>
                                            <input type="password" id="password" name="password" class="login_input" />
                                        </p>
                                        <input type="submit" name="action" id="login_submit"  value="login" />
                                    </form>
                                </div>
                            </div>
                            <div class="sb_bottom"></div>
                        </div>

                        <div class="sidebar_box">
                            <div class="sb_title">Latest Updates</div>
                            <div class="sb_content">

                                <div class="sb_news_box">
                                    <a href="#">Thời Khóa Biểu - FAT3.</a>
                                    <span>25 April 2012</span>
                                </div>

                                <div class="sb_news_box">
                                    <a href="#">FPT Jetking hỗ trợ 30% học phí cho sinh viên hệ thống FPT.</a>
                                    <span>18 April 2012</span>
                                </div>

                                <a href="#"><strong>View All</strong></a>
                            </div>

                            <div class="sb_bottom"></div>

                        </div>

                        <center>
                            <a href="http://validator.w3.org/check?uri=referer"><img style="border:0;width:88px;height:31px" src="http://www.w3.org/Icons/valid-xhtml10" alt="Valid XHTML 1.0 Transitional" width="88" height="31" vspace="8" border="0" /></a> &nbsp;&nbsp;&nbsp;
                            <a href="http://jigsaw.w3.org/css-validator/check/referer"><img style="border:0;width:88px;height:31px"  src="http://jigsaw.w3.org/css-validator/images/vcss-blue" alt="Valid CSS!" vspace="8" border="0" /></a>
                        </center>

                        <div class="cleaner"></div>
                    </div> <!-- end of sidebar -->

                    <div id="templatemo_content">

                        <div class="content_box">
                            <h2>Tin Tức & Sự Kiện</h2>
                            Tham dự lễ trao giải có ông Chu Ngọc Anh - Thứ trưởng Bộ Khoa học và Công nghệ; bà Sarah E. Kemp - Tham tán Thương mại, Đại sứ quán Mỹ tại Hà Nội; ông Kevin Turner - Tổng Giám đốc Điều hành tập đoàn Microsoft; ông Jamie Harper - Tổng Giám đốc Microsoft Việt Nam, cùng đông đảo sinh viên Việt Nam.
                            <img class="image_wrapper image_fl" src="images/1_39.jpg" />
                            Vượt qua gần 80 đội thi đến từ 22 trường Đại học, Cao đẳng trên cả nước và đoạt giải Nhì cuộc thi Imagine Cup Việt Nam 2012, Đại học FPT càng khẳng định hơn nữa vị thế của nhà trường trong khối các trường đào tạo CNTT tại Việt Nam. Đặc biệt, quy mô của cuộc thi Imagine Cup 2012 tăng gấp 4 lần so với cuộc thi Imagine Cup 2011, chất lượng các đề án dự thi cũng tăng đáng kể.
                            Để tham gia cuộc thi này, các sản phẩm dự thi phải hướng đến chủ đề: “Hãy tưởng tượng một thế giới mà công nghệ giúp chúng ta giải quyết được những vấn đề khó khăn nhất” với các mục tiêu phát triển thiên niên kỷ của Liên Hợp Quốc như: Chấm dứt đói nghèo, Hoàn thành phổ cập tiểu học trên toàn thế giới; Nâng cao bình đẳng giới và vị thế của phụ nữ; Vì sức khỏe trẻ em; Cải thiện sức khỏe bà mẹ; Phòng chống HIV/AIDS; Đảm bảo sự bền vững môi trường; Tăng cường hợp tác toàn cầu vì mục tiêu phát triển…
                            Trước phần trao giải, các nhóm tham dự đã thuyết trình về đề án của mình trong vòng 3 phút trước ông Kevin Turner, Tổng giám đốc điều hành Tập đoàn Microsoft.  Sau khi nghe phần thuyết trình của nhóm 6Fingers, ông Kevin Turner đã tỏ ra hài vòng với đề án của nhóm tác giả và chúc mừng những gì các bạn đã làm được.
                            <img class="image_wrapper image_fl" src="images/2_25.jpg" />
                            Nhận xét về đề án “Hiển thị thông tin hàng hải” của nhóm sinh viên Đại học FPT, bà Sarah Kemp, Tham tán Thương mại, Đại sứ quán Mỹ tại Việt Nam cho biết: “Tôi rất ấn tượng với dự án của nhóm 6Fingers. Các bạn đã tận dụng các giải pháp công nghệ ứng dụng vào đề án để giải quyết vấn đề hữu ích cho cộng đồng.”
                            Với mục đích giảm thiểu thiệt hại về người trong các trận bão biển, nhóm 6Fingers đã xây dựng hệ thống truyền tin từ trạm bờ ra các tàu đánh cá của ngư dân Việt Nam trên biển Đông. 6 thành viên của đội đã đặc biệt chú ý tới việc đưa thông tin hữu ích một cách dễ hiểu cho những ngư dân đánh cá ngoài khơi xa. Ý tưởng này xuất phát từ một thành viên trong nhóm đúc rút được trong quá trình thực tập tại Phòng Nghiên cứu Không gian (FSpace) thuộc Viện Nghiên cứu Công nghệ, ĐH FPT.

                            “Công nghệ có sức mạnh tiềm năng giúp giải quyết các vấn đề của con người, và cuộc thi Imagine Cup đã mang đến cho chúng em một nền tảng chia sẻ các ý tưởng nhằm xây dựng một thế giới tốt đẹp hơn. Nhóm em mong muốn có thể tiếp tục phát triển đề án và triển khai ở diện rộng”, Tạ Đức Tùng, thành viên đội 6Fingers chia sẻ.

                            <div class="cleaner h30"></div>

                        </div>

                        <div class="content_box">



                            <div class="cleaner"></div>
                        </div>

                        <div class="content_box last_box">
                            <h2>Web Projects</h2>

                            <div id="gallery">
                                <a href="images/gallery/image_01_b.jpg" class="pirobox" title="Project 1"><img src="images/gallery/image_01.jpg" alt="1" /></a>
                                <a href="images/gallery/image_02_b.jpg" class="pirobox" title="Project 2"><img src="images/gallery/image_02.jpg" alt="2" /></a>
                                <a href="images/gallery/image_03_b.jpg" class="pirobox" title="Project 3"><img src="images/gallery/image_03.jpg" alt="3" /></a>
                            </div> <!-- end of Gallery -->

                            <div class="cleaner h20"></div>
                            <a href="#"><strong>View All Projects</strong></a></div>

                    </div>

                    <div class="cleaner"></div>
                </div>

                <div id="templatemo_main_bottom">
                </div>

            </div> <!-- end of wrapper -->
        </div>

        <div id="templatemo_footer_wrapper">
            <div id="templatemo_footer">
                Copyright © 2012 Aptech Iboard News. All Rights Reserved.<a href="#"></a> |
                <a href="" target="_parent">Website Templates</a> by <a href="" target="_parent">F5-1009-S1</a>

            </div>
        </div>

    </body>
</html>